<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>todolist</title>
		<link rel="stylesheet" type="text/css" href="./index.css"/>
	</head>
	<body>
		<div id="root">
			<div class="todo-container">
				<div class="todo-wrap">
				        <div class="todo-header">
				            <input type="text" placeholder="请输入你的任务名称，按回车确认" />
				        </div>
				        <ul class="todo-main">
				            <li>
				                <label>
				                    <input type="checkbox"/>
				                    <span>xxxxxx</span>
				                </label>
				                <button type="button" class="btn btn-danger" style="display: none;">删除</button>
				            </li>
				            <li>
				                <label>
				                    <input type="checkbox"/>
				                    <span>xxxxxx</span>
				                </label>
				                <button type="button" class="btn btn-danger" style="display: none;">删除</button>
				            </li>
				        </ul>
				        <div class="todo-footer">
				            <label>
				                <input type="checkbox" />
				            </label>
				            <span><span>已完成0</span> / 全部 2</span>
				            <button class="btn btn-danger">清除已完成任务</button>
				        </div>
				    </div>
			</div>
		</div>
	</body>
</html>
